<template>
    <div class="lianxi">
         <header>
        	<ul>
        		<li><img :src="wdycImg" width="20" height="40"></li>
        		<li>{{wdycText}}</li>
        		<li></li>
        	</ul>
        </header>
        <section>
        	<div class="section-top">
	        	<ul>
	        		<li  v-for="(tab,index) in tabs" @click="tabIndex = index" 
                         :class="{active:tabIndex == index}">{{tab.text}}</li>
	        	</ul>
	        </div>
        	<div class="section-image" v-show="tabIndex == 0">
        		 <ul>
	        		<li><img :src="wdycImgTwo"></li>
	        		<li>{{wdycTextTwo}}</li>
	        	</ul>
        	</div>
            <div class="box1" v-show="tabIndex == 1">
                <div class="box1-section">
                    <ul>
                        <li><img :src="box1Img"></li>
                        <li>{{box1Text}}</li>
                    </ul>
                </div>
            </div>
        </section>
 
       
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
        tabIndex:0,
    	wdycImg:'../../static/imgs/fanhiu.png',
    	wdycText:'我的原创',
    	tabs:[
    		{text:'文章'},
    		{text:'晒单'}
    	],
    	wdycImgTwo:'../../static/imgs/shoushi.png',
    	wdycTextTwo:'发布你的第一篇晒单',
        box1Img:'../../static/imgs/cc.png',
        box1Text:'多添加几篇文章吧'
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/wodeyuanchuang.less);
</style>
  